/* 外部样式表： 1.css编码集【外链去掉-】 
				utf-8 变成 "utf8"
*/
@charset "utf8";
/* 统一去掉页面上的样式：文字统一，超链接样式统一,盒模型针对外边距【有部分元素纯在外边距】
						列表针对两个自带样式【去掉自带样式】】*/
*{
	font-family: 微软雅黑,sans-serif;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #cbc9ff;
	/*  */
}
/* 给所有div添加圆  300*300 里面文字居中【垂直】 放大*/
div{
	width: 18.75rem;
	height: 18.75rem;
	bord er: 1px solid #cbc9ff;
	border-radius: 18.75rem;
	font-size: 2em;
	text-align: center;
	line-height: 18.75rem;
		/* 浮动float: none left right 
		none 默认不浮动
		left 左浮动 元素变成块元素，脱离文档流
		right 右浮动
		 按照顺序首元素靠右【列表元素内容颠倒】
		*/
		/* float: none; */
		float: right;
}
div.d1{
	background: #aa878b;
}
div.d2{
	background: #a86eff;
}
div.d3{
	background: #96ff50;
}
div.d4{
	background: #ffb973;
	/* 清除浮动 */
	clear: both;
	/* position: relative; 
	top: 0rem;
	left: 0rem; */
	margin-top: -300px;
	margin-right: 1000px;
	
}



